

//普通插槽

const Demo4 = (props) => {
  console.log(props);
  const {children} = props;
  return (
    <>
      {children[0]}
      <br />
      {children[1]}
    </>
  );
};

export default Demo4;



/**
 *  React插槽机制
 *  插槽：在父组件中使用子组件，并且向双闭合子组件之间传递HTML结构
 *        <Father>
 *            <div></div>  //原生HTML
 *            <Son></Son>  //组件
 *        </Father>
 * 
 * 子组件在props.children属性里接受父组件传递来的HTML结构
 * 
 *   
 */